<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  {{template "link/customer/link.html" . }}
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
</head>
<body id="list-cont">

  {{template "link/customer/nav.html" . }}
  {{template "link/customer/header.html" .}}


  <div class="content">
      {{template "link/customer/navBar.html" .}}
    <div class="category-con">
      <div class="category-inner-con w1200">
        <div class="category-type">
          <h3>全部分类</h3>
        </div>
        <div class="category-tab-content">
          <div class="nav-con">
            <ul class="normal-nav layui-clear">
              {{range .SystemType }}
              <li class="nav-item">
                <div class="title">{{.SystemTypeName}}</div>
                <p>
                  {{range  .SubMenu}}
                  <a href="/customer/goods?MenuId={{.SystemMenuId}}">{{.SystemMenuName}}</a>
                  {{end}}
                </p>
              </li>
               {{end}}
            </ul>
          </div>
        </div>
      </div>
      <div class="category-banner">
        <div class="w1200">
          <img src="/static/img/banner1.jpg">
        </div>
      </div>
    </div>
{{/*    <div class="floors">*/}}
{{/*      <div class="sk">*/}}
{{/*        <div class="sk_inner w1200">*/}}
{{/*          <div class="sk_hd">*/}}
{{/*            <a href="javascript:;">*/}}
{{/*              <img src="/static/img/s_img1.jpg">*/}}
{{/*            </a>*/}}
{{/*          </div>*/}}
{{/*          <div class="sk_bd">*/}}
{{/*            <div class="layui-carousel" id="test1">*/}}
{{/*              <div carousel-item>*/}}
{{/*                <div class="item-box">*/}}
{{/*                  <div class="item">*/}}
{{/*                    <a href="javascript:;"><img src="/static/img/s_img2.jpg"></a>*/}}
{{/*                    <div class="title">宝宝五彩袜棉质舒服</div>*/}}
{{/*                    <div class="price">*/}}
{{/*                      <span>￥49.00</span>*/}}
{{/*                      <del>￥99.00</del>*/}}
{{/*                    </div>*/}}
{{/*                  </div>*/}}
{{/*                  <div class="item">*/}}
{{/*                    <a href="javascript:;"><img src="/static/img/s_img3.jpg"></a>*/}}
{{/*                    <div class="title">宝宝五彩袜棉质舒服</div>*/}}
{{/*                    <div class="price">*/}}
{{/*                      <span>￥49.00</span>*/}}
{{/*                      <del>￥99.00</del>*/}}
{{/*                    </div>*/}}
{{/*                  </div>*/}}
{{/*                  <div class="item">*/}}
{{/*                    <a href="javascript:;"><img src="/static/img/s_img4.jpg"></a>*/}}
{{/*                    <div class="title">宝宝五彩袜棉质舒服</div>*/}}
{{/*                    <div class="price">*/}}
{{/*                      <span>￥49.00</span>*/}}
{{/*                      <del>￥99.00</del>*/}}
{{/*                    </div>*/}}
{{/*                  </div>*/}}
{{/*                  <div class="item">*/}}
{{/*                    <a href="javascript:;"><img src="/static/img/s_img5.jpg"></a>*/}}
{{/*                    <div class="title">宝宝五彩袜棉质舒服</div>*/}}
{{/*                    <div class="price">*/}}
{{/*                      <span>￥49.00</span>*/}}
{{/*                      <del>￥99.00</del>*/}}
{{/*                    </div>*/}}
{{/*                  </div>*/}}
{{/*                </div>*/}}
{{/*                <div class="item-box">*/}}
{{/*                  <div class="item">*/}}
{{/*                    <a href="javascript:;"><img src="/static/img/s_img2.jpg"></a>*/}}
{{/*                    <div class="title">宝宝五彩袜棉质舒服</div>*/}}
{{/*                    <div class="price">*/}}
{{/*                      <span>￥49.00</span>*/}}
{{/*                      <del>￥99.00</del>*/}}
{{/*                    </div>*/}}
{{/*                  </div>*/}}
{{/*                  <div class="item">*/}}
{{/*                    <a href="javascript:;"><img src="/static/img/s_img3.jpg"></a>*/}}
{{/*                    <div class="title">宝宝五彩袜棉质舒服</div>*/}}
{{/*                    <div class="price">*/}}
{{/*                      <span>￥49.00</span>*/}}
{{/*                      <del>￥99.00</del>*/}}
{{/*                    </div>*/}}
{{/*                  </div>*/}}
{{/*                  <div class="item">*/}}
{{/*                    <a href="javascript:;"><img src="/static/img/s_img4.jpg"></a>*/}}
{{/*                    <div class="title">宝宝五彩袜棉质舒服</div>*/}}
{{/*                    <div class="price">*/}}
{{/*                      <span>￥49.00</span>*/}}
{{/*                      <del>￥99.00</del>*/}}
{{/*                    </div>*/}}
{{/*                  </div>*/}}
{{/*                  <div class="item">*/}}
{{/*                    <a href="javascript:;"><img src="/static/img/s_img5.jpg"></a>*/}}
{{/*                    <div class="title">宝宝五彩袜棉质舒服</div>*/}}
{{/*                    <div class="price">*/}}
{{/*                      <span>￥49.00</span>*/}}
{{/*                      <del>￥99.00</del>*/}}
{{/*                    </div>*/}}
{{/*                  </div>*/}}
{{/*                </div>*/}}
{{/*              </div>*/}}
{{/*            </div>*/}}
{{/*          </div>*/}}
{{/*        </div>*/}}
{{/*      </div>*/}}
{{/*    </div>*/}}



    <div class="product-list-box" id="product-list-box">
      <div class="product-list-cont w1200">
        <h4>更多推荐</h4>
        <div class="product-item-box layui-clear">
          {{range .Goods}}
          <div class="list-item">
            <a href="/customer/goodDetail?id={{.GoodId}}"><img style="width: 160px;height: 160px"
                                                               src="/static/upload/good/{{ .GoodUrl }}"></a>
            <p>{{.GoodName}}</p>
            <span>{{.GoodPrices}}</span>
          </div>
          {{end}}
        </div>
      </div>
    </div>
  </div>

  <div class="footer">
    <div class="ng-promise-box">
      <div class="ng-promise w1200">
        <p class="text">
          <a class="icon1" href="javascript:;">7天无理由退换货</a>
          <a class="icon2" href="javascript:;">满99元全场免邮</a>
          <a class="icon3" style="margin-right: 0" href="javascript:;">100%品质保证</a>
        </p>
      </div>
    </div>
    <div class="mod_help w1200">
      <p>
        <a href="javascript:;">关于我们</a>
        <span>|</span>
        <a href="javascript:;">帮助中心</a>
        <span>|</span>
        <a href="javascript:;">售后服务</a>
        <span>|</span>
        <a href="javascript:;">母婴资讯</a>
        <span>|</span>
        <a href="javascript:;">关于货源</a>
      </p>
      <p class="coty">母婴商城版权所有 &copy; 2012-2020</p>
    </div>
  </div>
  <script type="text/javascript">

layui.config({
    base: '/static/js/util/' //你存放新模块的目录，注意，不是layui的模块目录
  }).use(['mm','carousel'],function(){
      var carousel = layui.carousel,
     mm = layui.mm;
     var option = {
        elem: '#test1'
        ,width: '100%' //设置容器宽度
        ,arrow: 'always'
        ,height:'298'
        ,indicator:'none'
      }
      carousel.render(option);
      // 模版引擎导入
     // var ins = carousel.render(option);
     // var html = demo.innerHTML;
     // var listCont = document.getElementById('list-cont');
     // // console.log(layui.router("#/about.html"))
     //  mm.request({
     //    url: '../json/index.json',
     //    success : function(res){
     //      console.log(res)
     //      listCont.innerHTML = mm.renderHtml(html,res)
     //      ins.reload(option);
     //    },
     //    error: function(res){
     //      console.log(res);
     //    }
     //  })


});
  </script>
</body>
</html>